// 我们在实际开发中使用的时候会导入过多的js文件，使用起来不方便
// 那么我们可以将上述多个js文件打包成一个js文件。

//webpack打包第一种办法: 

var path = require("path")  //导入node.js中专门操作路径的模块,固定写法

//执行webpack命令的时候会读取到module.exports中的内容
module.exports = {
    //执行webpack命令的时候,读取入口main.js,由于main.js关联demo01.js和demo02.js所以会将这三个js文件合并到一个js文件中
    entry: './src/main.js',

    //输出文件位置
    output: {
        //__dirname表示当前工程目录
        path: path.resolve(__dirname, './dist'),  //输出文件的存放路径
        filename: 'index.js'//输出文件的名称
    }

    // webpack 的 4.x 版本中默认约定：
    // 打包的入口文件为 src -> main.js
    // 打包的输出文件为 dist -> index.js

}

